<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>真微信官网</title>
		<style>
		*{
			margin: 0px;
			padding: 0px;
			/* 清空列表样式 */
			list-style: none;
		}
		.top{
			height: 497px;
			background: url('imges/bg.jpg') repeat-x ;
		}
		.top1{
			height: 74px;
			width: 968px;
			margin: 0px auto;
		}
		.top1 h1{
			float: left;
		}
		.top1 ul{
			float: right;
		}
		.top1 li{
			float: left;	
		}
		.top1 h1 img{
			height: 42px;
			padding: 16px;
	 	}
		.top1 a{
			color: rgb(255, 255, 255);
			font-size: 15px;
			/* 下划线消失术 */
			text-decoration: none;	
		}
		.top1 li{
			margin-top: 16px;
			margin-right: 5px;
			padding: 9px;
		}
		.top1 li:hover{
			background:black;
			/* 圆角效果 */
			border-radius:70px;
		}
		.mid{
			height: 423px;
		}
		.top2{
			height: 423px;
			width: 968px;
			margin: auto;
		}
		.top2 img{
			float: right;
		}
		.litf2{
			float: left;
		}
		.top2 h2{
			margin-top: 30px;
			font-size: 30px;
		}
		.litf2 li{
			margin-top: 8px;
		}
		.litf2 ul{
			margin-top: 10px;
		}
		.p1{
			margin-top: 40px;
			margin-right: 40px;
		}
		.p2{
			margin-right: 112px;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		.mid{
			height: 378px;
			width: 968px;
			margin: 48px auto 28px;
		}
		.bottom{
			height: 50px;	
			width: 968px;
			margin: 0px auto;
			border-top: 1px solid gray;
		}
		.right3{
			float: right;
		}
		.right3 li{
			font-size: 14px;
			margin-top: 10px;
		}
		h3{
			font-size: 15px;
			margin-top: 10px;
		}
		.p3{
			float: left;
		}
		.mid1{
				width: 650px;
				height: 328px;
				float: left;
		}
		.zuo1{
				width: 220px;
				height: 200px;
				float: left;
		}
		.zuo2{
				width: 220px;
				height: 200px;
				float: left;
		}
		.zuo3{
				width: 210px;
				height: 200px;
				float: left;
		}
		h5{
			font-size: 15px;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		p{
			font-size: 15px;
			margin-bottom: 10px;
		}
		.b1{
			float: left;
			color: #888888;
		}
		.b2{
			float: right;
			color: #888888;
		}
		</style>
	</head>
	<body>
		<div class="top">
			<div class="top1">
				<h1>
					<a href="https://weixin.qq.com/">
						<img src="imges/logo.png" alt="">
					</a>
				</h1>
				<ul>
					<li>
						<a href="file:///C:/Users/Administrator/Desktop/0323/%E8%83%A1%E6%99%BA%E8%8D%A3%20%E5%BE%AE%E4%BF%A1%E5%AE%98%E7%BD%91.html">首页</a>
					</li>
					<li>
						<a href="">帮助与反馈</a>
					</li>
					<li>
						<a href="">公众平台</a>
					</li>
					<li>
						<a href="">开放平台</a>
					</li>
					<li>
						<a href="">微信支付</a>
					</li>
					<li>
						<a href="">微信广告</a>
					</li>
					<li>
						<a href="">企业微信</a>
					</li>
					<li>
						<a href="">表情开房平台</a>
					</li>
					<li>
						<a href="">微信网页版</a>
					</li>
				</ul>
			</div>
			<div class="top2">
				<div class="right2">
					<a href="">
						<img class="p1" src="imges/com.png" alt="" >
					</a>
				</div>
				<div class="litf2">	
				<h2>微信，是一个生活方式</h2>
				<ul>
					<li>超过十亿人使用的手机应用</li>
					<li>支持发送语音短信、视频、图片和文字</li>
					<li>可以群聊，仅耗少量流量，适合大部分智能手机</li>
				</ul>
					<a href="">
						<img class="p2" src="imges/down.png" alt="">
					</a>
				<ul class="cc">
						<li>
							<a href="">
								忘记了微信帐号或密码？
							</a>
						</li>
						<li>
							<a href="">
								自助解除登录或功能限制
							</a>
						</li>
						<li>
							<a href="">
								冻结或解冻微信帐号
							</a>
						</li>
				</ul>
				</div>
			</div>
		</div>
		<div class="mid">
			<div class="mid1">
				<img class="p3" src="imges/list.png" alt="">
				<div class="zuo1">
					<h5> 微信网页版</h5>
					<p>扫一扫二维码</p>
					<p>就能在浏览器上使用微信</p>
					<a href="">了解更多</a>
				</div>
				<div class="zuo2">
					<h5>微信 Mac 版</h5>
					<p>极致简洁，迅捷沟通</p>
					<a href="">了解更多</a>
				</div>
				<div class="zuo3">
					<h5>微信 Windows 版</h5>
					<p>让沟通更方便</p>
					<a href="">了解更多</a>
				</div>
			</div>
			<div class="right3">
				<h3>最新消息</h3>
                <ul>
                    <li>
                        <a href="">
                            03-25微信 8.0.2 for Android 正式版发布(New)
                        </a>
                    </li>
                    <li>
                        <a href="">
                            03-22微信 3.2.1 for Windows 正式版发布 (New)
                        </a>
                    </li>
                    <li>
                        <a href="">
                            02-02微信 8.0.2 for iOS 正式版发布(New)
                        </a>
                    </li>
                    <li>
                        <a href="">
                            01-20微信 2.6.1 for Mac 正式版发布 (New)
                        </a>
                    </li>
                    <li>
                        <a href="">
                            01-28关于部分 iOS 9 用户无法更新微信(New)
                        </a>
                    </li>
                    <li>
                        <a href="">
                            02-11微信外部链接内容管理规范
                        </a>
                    </li>
                    <li>
                        <a href="">
                            01-17微信网页版 2.1 版本发布
                        </a>
                    </li>
                    <li>
                        <a href="">
                            07-29微信表情开放平台上线
                        </a>
                    </li>
                    <li>
                        <a href="">
                            10-28官方辟谣公众号开通
                        </a>
                    </li>
                    <li>
                        <a href="">
                            查看更多
                        </a>
                    </li>
				</ul>
            </div>
		</div>
		<div class="bottom">
			<div class="b1">
				<p>关于腾讯 | 服务条款 | 使用规范 | 客服中心 | 隐私保护指引</p>
				<p>© 1998 - 2021 Tencent Inc. All Rights Reserved</p>
			</div>
			<div class="b2">
				<p>简体中文 |  繁體中文 |  English</p>
			</div>
		</div>
	</body>
</html>